$DOCROOT: "/home/ante/Desktop/Projects/SleekPHP/";

$WEBROOT: "/";

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Modules/AdminBar/CSS/AdminBar.scss */
// Push down content if user is authorized to see admin-bar
html:not(.user-auth-level-0) {
	margin-top: 27px;
}

// The bar
#admin-bar {
	background-color: #333333;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); // IE6 & IE7
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')"; // IE8+

	background-image: -moz-linear-gradient(top, #333333, #111111); // FF 3.6+
	background-image: -ms-linear-gradient(top, #333333, #111111); // IE10
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #111111)); // Safari 4+, Chrome 2+
	background-image: -webkit-linear-gradient(top, #333333, #111111); // Safari 5.1+, Chrome 10+
	background-image: -o-linear-gradient(top, #333333, #111111); // Opera 11.10
	background-image: linear-gradient(top, #333333, #111111); // the standard

	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;

	font-size: 13px;
	line-height: 1;
	min-height: 27px;

	border-bottom: 1px solid #000;
}

	#admin-bar > ul {
		margin: 0;
		list-style: none;
		float: left;
	}

		#admin-bar > ul > li {
			display: inline-block;
			position: relative;
		}

			// Each menu item
			#admin-bar > ul > li a {
				background: url(/Sites/SleekMobile/Styles/SleekMobile/CSS/Icons/Tango/16x16.png) no-repeat 10px -126px;

				display: block;
				padding: 7px 10px 7px 35px;

				color: #ccc;
				text-decoration: none;

				border-right: 1px solid #000;
				border-left: 1px solid #666;
			}

			// Selected
			#admin-bar > ul > li strong a {
				background-color: #111;
				color: #fefefe;
			}

			// Hover
			#admin-bar > ul > li a:hover, 
			#admin-bar > ul > li strong a:hover {
				background-color: #111;
				color: #fefefe;
			}

			// Second level
			#admin-bar > ul > li > ul {
				margin: 0;
				list-style: none;

				position: absolute;
				left: 0;
				top: 27px;
				z-index: 100;

				display: none;
			}

			#admin-bar > ul > li:hover > ul {
				display: block;
			}

				#admin-bar > ul > li > ul > li {
					display: block;
				}

					#admin-bar > ul > li > ul > li a {
						background: #111 url(/Sites/SleekMobile/Styles/SleekMobile/CSS/Icons/Tango/16x16.png) no-repeat 10px -126px;
						display: block;
						padding: 7px 10px 7px 35px;
						color: #ccc;
						white-space: nowrap;
					}

					#admin-bar > ul > li > ul > li:last-child a {
						-moz-border-radius: 0 0 2px 2px;
						-webkit-border-bottom-right-radius: 4px;
						-webkit-border-bottom-left-radius: 4px;
						-o-border-bottom-right-radius: 4px;
						-o-border-bottom-left-radius: 4px;
						-ms-border-bottom-right-radius: 4px;
						-ms-border-bottom-left-radius: 4px;
						border-bottom-right-radius: 4px;
						border-bottom-left-radius: 4px;

						-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
					}

			// Icons
			#admin-bar > ul > li.admin a {
				background-position: 10px -455px;
			}

			#admin-bar > ul > li.contents a {
				background-position: 10px -126px;
			}

			#admin-bar > ul > li.users a {
				background-position: 10px -11789px;
			}

			#admin-bar > ul > li.media-library a {
				background-position: 10px -1447px;
			}

			#admin-bar > ul > li.config a {
				background-position: 10px -917px;
			}

			#admin-bar > ul > li.logout a {
				background-position: 10px -8046px; // -11525px;
			}

			#admin-bar > ul > li.modules a {
				background-position: 10px -9697px; // -11328px;
			}

			#admin-bar > ul > li.plugins a {
				background-position: 10px -11130px; // -10024px;
			}

			#admin-bar > ul > li.help a {
				background-position: 10px -6660px;
			}

			#admin-bar > ul > li.contents a {
				background-position: 10px -126px;
			}

			#admin-bar > ul > li.styles a {
				background-position: 10px -6858px;
			}

			#admin-bar > ul > li.site-builder a {
				background-position: 10px -9961px;
			}

	// Right side menu
	#admin-bar > ul:last-child {
		float: right;
	}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Modules/Base/CSS/jQuery.threeDCircle.scss */
a.jquery-3d-circle-selected {
	font-weight: bold;
}

// This is the stage the circle resides in
.jquery-3d-circle-stage {
	-webkit-perspective: 600;
	-moz-perspective: 600;
	-o-perspective: 600;
	-ms-perspective: 600;
	perspective: 600;

	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;

	// Clearfix as well as avoiding a horizontal scrollbar for items in the circle
	overflow: hidden;
}

	// Is used to move the entire circle away from the screen
	.jquery-3d-circle-mover {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

		// Is wrapped around the circle and is what we actually animate
		.jquery-3d-circle {
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			transform-style: preserve-3d;

			-webkit-transition: -webkit-transform .4s ease-in-out;
			-moz-transition: -moz-transform .4s ease-in-out;
			-o-transition: -o-transform .4s ease-in-out;
			-ms-transition: -ms-transform .4s ease-in-out;
			transition: transform .4s ease-in-out;

			display: block !important;
			position: relative !important;
		}

			// The actual items in the circle
			.jquery-3d-circle-item {
				display: block !important;
				position: absolute !important;
				left: 0 !important;
				top: 0 !important;

			/*	-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				-o-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden; */
			}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Modules/Base/CSS/jQuery.togglableFormFields.scss */
label.jquery-togglable-form-fields:before {
	content: "+ ";
}

label.jquery-togglable-form-fields-open:before {
	content: "- ";
}

input.jquery-togglable-form-fields {
	display: none !important;
}

input.jquery-togglable-form-fields-open {
	display: inline !important;
}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Styles/Normalize/CSS/1-CSS3.scss */
/***
A collection of useful CSS3 `@mixins` like `@box-shadow`, `@linear-gradient` etc.

Check the SASS-file for all of them.
***/
// Box reflect
@mixin box-reflect ($where: below, $distance: 5px, $amount: 25%) {
	-webkit-box-reflect: $where $distance -webkit-linear-gradient(top, rgba(0, 0, 0, 0) (100% - $amount), #fff 100%);
	-moz-box-reflect: $where $distance -moz-linear-gradient(top, rgba(0, 0, 0, 0) (100% - $amount), #fff 100%);
	-o-box-reflect: $where $distance -o-linear-gradient(top, rgba(0, 0, 0, 0) (100% - $amount), #fff 100%);
	-ms-box-reflect: $where $distance -ms-linear-gradient(top, rgba(0, 0, 0, 0) (100% - $amount), #fff 100%);
	box-reflect: $where $distance linear-gradient(top, rgba(0, 0, 0, 0) (100% - $amount), #fff 100%);
}

// Box Shadow
@mixin box-shadow ($shadow: 1px 1px 2px rgba(0, 0, 0, .4)) {
	-mox-box-shadow: $shadow;
	-webkit-box-shadow: $shadow;
	-ms-box-shadow: $shadow;
	-o-box-shadow: $shadow;
	box-shadow: $shadow;
}

// Linear Gradient - http://www.impressivewebs.com/css3-linear-gradient-syntax/
@mixin linear-gradient ($from: #111111, $to: #333333, $what: background) {
	@if $what == background {
		background-color: $from;

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}'); // IE6 & IE7
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}')"; // IE8+
	}

	#{$what}-image: -moz-linear-gradient(top, $from, $to); // FF 3.6+
	#{$what}-image: -ms-linear-gradient(top, $from, $to); // IE10
	#{$what}-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to)); // Safari 4+, Chrome 2+
	#{$what}-image: -webkit-linear-gradient(top, $from, $to); // Safari 5.1+, Chrome 10+
	#{$what}-image: -o-linear-gradient(top, $from, $to); // Opera 11.10
	#{$what}-image: linear-gradient(top, $from, $to); // the standard
}

@mixin border-gradient ($from: #111111, $to: #333333, $what: border) {
	@include linear-gradient($from, $to, -webkit-#{$what});
	@include linear-gradient($from, $to, $what);
}

// Border Radius - http://css3please.com/
@mixin border-radius ($radius: 5px) {
	-moz-border-radius: $radius; // FF1-3.6
	-webkit-border-radius: $radius; // Saf3-4, iOS 1-3.2, Android <1.6
	border-radius: $radius; // Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+

	// useful if you don't want a bg color from leaking outside the border:
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

@mixin border-top-left-radius ($radius: 5px) {
	-webkit-border-top-left-radius: $radius;
	-moz-border-radius-topleft: $radius;
	border-top-left-radius: $radius;
}

@mixin border-top-right-radius ($radius: 5px) {
	-webkit-border-top-right-radius: $radius;
	-moz-border-radius-topright: $radius;
	border-top-right-radius: $radius;
}

@mixin border-bottom-right-radius ($radius: 5px) {
	-webkit-border-bottom-right-radius: $radius;
	-moz-border-radius-bottomright: $radius;
	border-bottom-right-radius: $radius;
}

@mixin border-bottom-left-radius ($radius: 5px) {
	-webkit-border-bottom-left-radius: $radius;
	-moz-border-radius-bottomleft: $radius;
	border-bottom-left-radius: $radius;
}

// Transition
@mixin transition ($transition: all $transition-duration ease-in-out) {
	-webkit-transition: $transition;
	-moz-transition: $transition;
	-o-transition: $transition;
	-ms-transition: $transition;
	transition: $transition;
}

// Transform
@mixin transform ($transform) {
	-moz-transform: $transform;
	-webkit-transform: $transform;
	-o-transform: $transform;
	-ms-transform: $transform;
	transform: $transform;
}

// Transform-style
@mixin transform-style ($transform-style) {
	-moz-transform-style: $transform-style;
	-webkit-transform-style: $transform-style;
	-o-transform-style: $transform-style;
	-ms-transform-style: $transform-style;
	transform-style: $transform-style;
}

// Backface-visibility
@mixin backface-visibility ($backface-visibility) {
	-moz-backface-visibility: $backface-visibility;
	-webkit-backface-visibility: $backface-visibility;
	-o-backface-visibility: $backface-visibility;
	-ms-backface-visibility: $backface-visibility;
	backface-visibility: $backface-visibility;
}

// Perspective
@mixin perspective ($perspective) {
	-moz-perspective: $perspective;
	-webkit-perspective: $perspective;
	-o-perspective: $perspective;
	-ms-perspective: $perspective;
	perspective: $perspective;
}

// Perspective origin
@mixin perspective-origin ($perspective-origin) {
	-moz-perspective-origin: $perspective-origin;
	-webkit-perspective-origin: $perspective-origin;
	-o-perspective-origin: $perspective-origin;
	-ms-perspective-origin: $perspective-origin;
	perspective-origin: $perspective-origin;
}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Styles/Normalize/CSS/2-Misc.scss */
/***
A collection of useful `@mixins` like `@clearfix`, `@a11y-hide` etc.

Check the SASS-file for all of them.
***/
// Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
@mixin clearfix {
	zoom: 1;

	&:after {
		content: "";
		display: table;
		clear: both;
	}
}

// Accessibility hide
@mixin a11y-hide {
	position: absolute;
	left: -1000000px;
	top: -1000000px;
}

// UN-accessibility hide
@mixin una11y-hide {
	position: static;
	left: 0;
	top: 0;
}

// Data definition
@mixin data-definition {
	@include clearfix;

	margin-left: 0;
	padding-left: 0;

		dt {
			float: left;
			clear: left;
			font-weight: bold;
			margin: 0 5px 5px 0;
		}

		dt:after {
			content: ": ";
		}

		dd {
			margin: 0 0 5px;
		}
}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Styles/Normalize/CSS/3-Normalize.scss */
// Slightly modified
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 14px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 0 0 15px 30px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

p { margin: 0 0 15px }

h1, h2, h3, h4, h5, h6 { margin: 15px 0 5px }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0 0 15px 30px; padding: 0; }
dl { margin: 0 0 15px; }
dd { margin: 0 0 0 30px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin-left: 0; }
nav ul ul, nav ul ol, nav ol ul, nav ol ol { margin-left: 20px; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Styles/Normalize/CSS/DebugLogger.scss */
// The log table
html.debug {
//	padding-bottom: 90px;
}

#debug-logger {
	position: fixed;
	right: 0;
	bottom: 0;

	font-size: 12px;
	line-height: 1.2;
	color: #606060;
	text-shadow: none;
}

	#debug-logger table {
		width: 100%;
		margin: 0;
		border-spacing: 0;
	}

		// Log head
		#debug-logger table thead {
			border: 1px solid #a3a3a3;
			border-width: 1px 0;
		}

			#debug-logger table thead tr {
				display: block;
			}

				#debug-logger table thead tr th {
					background: #f2f1f0;

					display: table-cell;
					width: 100%;
					padding: 7px 15px;

					text-align: left;
					vertical-align: top;
				}

		// Log body
		#debug-logger table tbody {
			display: block;
			height: 25px;
			overflow: auto;

			@include transition(height .05s ease-in-out);
		}

		#debug-logger:hover table tbody {
			height: 200px;
		}

			#debug-logger table tbody tr {
				display: table-row;
			}

				#debug-logger table tbody tr td {
					background: #f9f8f7;

					display: table-cell;
					width: 100%;
					padding: 5px 15px;

					text-align: left;
					vertical-align: top;
				}

				#debug-logger table tbody tr:nth-child(odd) td {
					background: #fffefd;
				}

				#debug-logger table tbody tr:hover td {
					color: #111;
				}

	// Run time
	#debug-logger p {
		background: #f2f1f0;

		margin: 0;
		padding: 7px 15px;

		line-height: 1.2;

		border-top: 1px solid #a3a3a3;
	}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/SleekBase/Styles/Normalize/CSS/Forms.scss */
form {
	@include clearfix;

	margin: 0;
	padding: 0;
}

	// Each field
	form p {
		
	}

		// Label
		label {
			font-weight: bold;
		}

		// Label after radios/checks
		input + label {
			font-weight: normal;
		}

			// "Required field"
			label > abbr:first-child {
				color: #a00;
				border: 0;
			}

		// After label
		br {
			
		}

		// All form fields
		button, 
		input, 
		select, 
		textarea {
			font: inherit;
			color: #333;
			text-shadow: none;
		}

		// Inputs and textareas (not buttons or radios/checks)
		input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]), 
		textarea {
			background: #fff;
			padding: 4px;
			border: 1px solid #d6d6d6;
			@include border-radius(2px);
		}

		// Hovered
		input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):hover, 
		textarea:hover {
			border-color: #b6b6b6;
		}

		// Focused
		input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):focus, 
		textarea:focus {
			background-color: #faffbd;
			border-color: #b6b6b6;
		}

		// With error
		input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]).error, 
		textarea.error {
			background-color: #fdd;
			border-color: #a00;
		}

		// Radios
		input[type=checkbox], 
		input[type=radio] {
			margin-right: 5px;
		}

		// Errors
		form p strong {
			color: #a00;
		}

/* /home/ante/Desktop/Projects/SleekPHP/Sites/MySite/Styles/MyStyle/CSS/1-General.scss */
body {
	padding: 2% 10%;
}

